@(f: Form[Widget.TextEntry], spaces: List[models.aaa.Asset] = null, users: List[models.aaa.Asset] = null, assets: List[models.aaa.Asset] = null, actor: models.aaa.Asset = null, pid: String) 
@import helper._ 

<html>
<head>
    <title>Recommendations (big)</title>        
        <link rel="stylesheet" media="screen" href="/assets/bootstrap/css/bootstrap.css">
        <link rel="stylesheet" media="screen" href="/assets/bootstrap/css/bootstrap-responsive.css">
        <link rel="stylesheet" media="screen" href="/assets/fontello/css/fontello.css">
        <link rel="shortcut icon" type="image/png" href="/assets/images/favicon.png">
        <script src="/assets/javascripts/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="/assets/bootstrap/js/bootstrap.js" type="text/javascript"></script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="container-fluid">
    <div class="row-fluid">

        <div class="span8">
            <h1>Suggestions</h1>
            Welcome <strong>@if(actor != null){ @actor.getName() } else { anonymous }</strong>, please input the keywords
            <form class="" action="/bigwidget/" method="POST">
                <div class="input-append">
                    <input class="span2" name="text2" size="16" type="text" placeHolder="search text" value="@f("text").value" />
                    <input class="btn" type="submit" value="Search">
                </div>
            </form>
                <div class="well">
                <p class="pull-right">
                    <a href="" class="btn">Filter with platform</a>
                    <a href="" class="btn">Rank by</a>
                </p>
                <h4>Actors</h4>
                    <div class="row-fluid">
                        <div class="span2">
                            <a href="" class="btn btn-success"><<</a>
                        </div>
                        <div class="span8">
                                @if(users.size() != 0) {
                                        @for(u <- users) {
                                            <li><a href="@routes.Asset.redirect(pid, u.getId()).absoluteURL()">@u.getName()</a>
                                            </li> 
                                        }
                                } else {
                                    No actor
                                }
                        </div>
                        <div class="span2">
                            <a href="" class="btn btn-success pull-right">>></a>
                        </div>
                    </div>
                <h4>Space</h4>
                    <div class="row-fluid">
                        <div class="span2">
                            <a href="" class="btn btn-success"><<</a>
                        </div>
                        <div class="span8">
                        @if(spaces.size() != 0) {
                                @for(a <- spaces) {
                                    <li><a href="@routes.Asset.redirect(pid, a.getId()).absoluteURL()">@a.getName()</a>
                                    </li> 
                                }
                        } else {
                            No space
                        }
                        </div>
                        <div class="span2">
                            <a href="" class="btn btn-success pull-right">>></a>
                        </div>
                    </div>
                <h4>Ressource</h4>
                    <div class="row-fluid">
                        <div class="span2">
                            <a href="" class="btn btn-success"><<</a>
                        </div>
                        <div class="span8">
                        @if(assets.size() != 0) {
                                @for(a <- assets) {
                                    <li><a href="@routes.Asset.redirect(pid, a.getId()).absoluteURL()">@a.getName()</a>
                                    </li> 
                                }
                        } else {
                            No ressource
                        }
                        </div>
                        <div class="span2">
                            <a href="" class="btn btn-success pull-right">>></a>
                        </div>
                    </div>
                <h4>Application</h4>
                    <div class="row-fluid">
                        <div class="span2">
                            <a href="" class="btn btn-success"><<</a>
                        </div>
                        <div class="span8">
                        </div>
                        <div class="span2">
                            <a href="" class="btn btn-success pull-right">>></a>
                        </div>
                    </div>
                </div>
                <div class="well">
                <h4>Quick view</h4>
                </div>
        </div>

        <div class="span4">
            <div class="well">
                See my usage
                <h3>You may like...</h3>
                <h4>Actors</h4>
                <h4>Space</h4>
                <h4>Ressource</h4>
                <h4>Application</h4>
            </div>
        </div>

    </div>
</div>
</body>
</html>
